<template>
  <div>
    <label>
      <input type="text" v-model="title"/>
    </label>
    <button @click="add">添加</button>
  </div>
</template>

<script>
  import eventBus from "./eventBus";
  export default {
    name: 'Input',
    data() {
      return {
        title: ''
      }
    },
    methods: {
      add() {
        // 子组件向父组件传值, 通过 this.$emit 的方式  自定义事件
        this.$emit('add', this.title);

        // 向兄弟组件传值, 也是通过eventBus 总线发送自定义事件
        eventBus.$emit('addItem', this.title);
      }
    }
  }
</script>

<style scoped>

</style>
